﻿<div id="index_recomment">
	<div id="demo" style="overflow:hidden; width:778px;height:120px; text-align:center;">
		  <table cellspacing="0" cellpadding="0" style="border:0px;">
			<tbody>
			  <tr>
				<td id="marquePic1" valign="top" align="center" >
					<table style="width:778px;height:120px;border:0px;" cellpadding="0" cellspacing="0">
					  <tr>
						<!--{rzlist type="product" number="20" sort="2"}-->
						<!--{loop}-->
						<td style="width:100px;height:100px;text-align:center;">${productimg}</td>
						<!--{/loop}-->
						<!--{/rzlist}-->
					</tr>
					</table>		
				</td>
				<td id="marquePic2" valign="top"></td>
			  </tr>
			</tbody>
		  </table>
  
		<script type="text/javascript"> 
			var speed=30;
			var marquePic2=$("marquePic2");
			var marquePic1=$("marquePic1"); 
			var demo=$("demo");
			marquePic2.innerHTML=marquePic1.innerHTML;
			function Marquee(){ 
			if(demo.scrollLeft>=marquePic1.scrollWidth){ 
				demo.scrollLeft=0 
			}else{ 
				demo.scrollLeft++ 
			}} 
			var MyMar=setInterval(Marquee,speed) ;
			demo.onmouseover=function() {clearInterval(MyMar);} 
			demo.onmouseout=function() {MyMar=setInterval(Marquee,speed);} 
		</script>
	</div>
</div>
</div>